<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title></title>
	<!-- 清除默认样式 区域 -->
	<link rel="stylesheet" type="text/css" href="./Css/reset.css"/>
	<!-- 设置通用样式 区域 -->
	<link rel="stylesheet" type="text/css" href="./Css/base.css"/>
	<!-- header 样式 区域 -->
	<link rel="stylesheet" type="text/css" href="./Css/header.css"/>
	<!-- banner 样式 区域 -->
	<link rel="stylesheet" type="text/css" href="./Css/banner.css"/>
	<!-- carouse 样式 区域 -->
	<link rel="stylesheet" type="text/css" href="./Css/carousel.css"/>
	<!-- content 样式 区域 -->
	<link rel="stylesheet" type="text/css" href="./Css/content.css"/>
	<!-- porduct 样式 区域 -->
	<link rel="stylesheet" type="text/css" href="./Css/product.css"/>
	<!-- footer 样式 区域 -->
	<link rel="stylesheet" type="text/css" href="./Css/footer.css"/>
</head>
<body>
	<!-- header 部分 开始 -->
	<div class="header">
		<div class="header-top">
			<div class="header-top-txt inner-center">
				<div class="header-top-left">
					<ul class="nav-top">
						<li><a href="index.html">魅族官网</a></li>
						<li><a href="javascript:void(0);">魅族商城</a></li>
						<li><a href="javascript:void(0);">Flyme</a></li>
						<li><a href="javascript:void(0);">专卖店</a></li>
						<li><a href="javascript:void(0);">服务</a></li>
						<li><a href="javascript:void(0);">社区</a></li>
					</ul>
				</div>
				<div class="header-top-right">
					<a href="javascript:void(0);" class="nav-sc">我的收藏<span>new</span></a>
					<a href="javascript:void(0);" class="nav-dd">我的订单</a>
					<a href="javascript:void(0);" class="nav-dl">登录</a>
					<a href="javascript:void(0);" class="nav-zc">注册</a>
				</div>
			</div>
		</div>
		<div class="header-bottom">
			<div class="header-bottom-txt inner-center">
				<h1 class="logo">
					<a href="index.html"></a>
				</h1>
				<ul class="nav-bottom">
					<li><a href="javascript:void(0);">PRO手机</a></li>
					<li><a href="javascript:void(0);">魅蓝手机</a></li>
					<li><a href="javascript:void(0);">MX手机</a></li>
					<li><a href="javascript:void(0);">精选配件</a></li>
					<li><a href="javascript:void(0);">智能硬件</a></li>
				</ul>
			</div>
		</div>
	</div>
	<!-- header 部分 结束 -->
	
	<!-- banner 部分 开始 -->
	<div class="banner">
		<div class="banner-style inner-center">
			<ul class="banner-img-ul">
				<li class="img1 out"><a href="javascript:void(0);"></a></li>
				<li class="img2"><a href="javascript:void(0);"></a></li>
				<li class="img3"><a href="javascript:void(0);"></a></li>
				<li class="img4"><a href="javascript:void(0);"></a></li>
				<li class="img5"><a href="javascript:void(0);"></a></li>
			</ul>
			<span class="btn-left" id="btnleft">&lsaquo;</span>
			<span class="btn-right" id="btnright">&rsaquo;</span>
			<ul class="dian">
				<li class="out"></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
			</ul>
			<div class="banner-txt">
				<div class="banner-left">
					<a href="javascript:void(0);">全部商品</a>
					<a href="javascript:void(0);">手机</a>
					<a href="javascript:void(0);">智能硬件</a>
					<a href="javascript:void(0);">耳机 / 音箱</a>
					<a href="javascript:void(0);">路由器 / 移动电源</a>
					<a href="javascript:void(0);">保护套 / 后盖 / 贴膜</a>
					<a href="javascript:void(0);">数据线 / 电源适配器</a>
					<a href="javascript:void(0);">周边配件</a>
				</div>
			</div>
			
		</div>
	</div>
	<!-- banner 部分 结束 -->
	
	<!-- content 部分 开始 -->
	<div class="content">
		<div class="conter-text inner-center">
			<div class="txt-one">
				<a href="javascript:void(0);"><img src="./Img/1450855246-61162.png" alt=""><p>M码通道</p></a>
				<a href="javascript:void(0);"><img src="./Img/1450855279-64872.png" alt=""><p>以旧换新</p></a>
				<a href="javascript:void(0);"><img src="./Img/1450855198-58056.png" alt=""><p>魅族意外保</p></a>
				<a href="javascript:void(0);"><img src="./Img/1451960447-93534.png" alt=""><p>回购单查询</p></a>
			</div>
			<div class="txt-two">
				<a href="javascript:void(0);"></a>
			</div>
			<div class="txt-three">
				<a href="javascript:void(0);"></a>
			</div>
			<div class="txt-four">
				<a href="javascript:void(0);"></a>
			</div>
			<div class="txt-five">
				<a href="javascript:void(0);"></a>
			</div>
		</div>
	</div>
	<!-- content 部分 结束 -->
	
	<!-- product 部分 开始 -->
	<div class="product">
		<div class="product-text inner-center">
			<p class="protxt-one">手机</p>
			<p class="protxt-two">更多<span>&rsaquo;</span></p>
			<div class="product-div">
				<!-- 第一个 -->
				<div class="prodiv-one prodiv-c">
					<img src="./Img/CnQOjVf6EfOAKlj2AAvhVMfnh40856_180x180.png" >
					<span class="circular-rm">热卖</span>
					<ul>
						<li>魅蓝note3</li>
						<li>11日-12日 限量开售</li>
						<li>￥799</li>
					</ul>
				</div>
				<!-- 第二个 -->
				<div class="prodiv-two prodiv-c">
					<img src="./Img/CnQOjVf8Qm2AGJwmAAf5c4NUNpI085_180x180.png" >
					<ul>
						<li>魅蓝3</li>
						<li>11日-12日 公开版限量开售</li>
						<li>￥599</li>
					</ul>
				</div>
				<!-- 第三个 -->
				<div class="prodiv-three prodiv-c">
					<img src="./Img/Cix_s1f6EZaAMxvjAA2l_exLROk326_180x180.png" >
					<span class="circular-rm">热卖</span>
					<ul>
						<li>魅蓝3s</li>
						<li>11日-12日 限量开售</li>
						<li>￥699</li>
					</ul>
				</div>
				<!-- 第四个 -->
				<div class="prodiv-four prodiv-c">
					<img src="./Img/CnQOjVf4y6iAe-3RAAbqolcyaco939_180x180.png" >
					<span class="circular-th">特惠</span>
					<ul>
						<li>魅蓝 metal</li>
						<li>领劵立减100元</li>
						<li>￥999</li>
					</ul>
				</div>
				<!-- 第五个 -->
				<div class="prodiv-five  prodiv-c">
					<img src="./Img/CnQOjVffSHOAaRkmAA0Rkx2XjKE222_180x180.png" >
					<span class="circular-rm">热卖</span>
					<ul>
						<li>魅蓝 E</li>
						<li>全网通 多彩金属机身</li>
						<li>￥1299</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<!-- product 部分 结束 -->
	
	<!-- footer 部分 开始 -->
	<div class="footer">
		<div class="footer-text inner-center">
			<!-- 第一个 -->
			<div class="footer-c footer-one">
				<ul>
					<li><b>帮助说明</b></li>
					<li><a href="javascript:void(0);">支付方式</a></li>
					<li><a href="javascript:void(0);">配送说明</a></li>
					<li><a href="javascript:void(0);">售后说明</a></li>
					<li><a href="javascript:void(0);">付款帮助</a></li>
				</ul>
			</div>
			<!-- 第二个 -->
			<div class="footer-c footer-two">
				<ul>
					<li><b>Flyme</b></li>
					<li><a href="javascript:void(0);">开放平台</a></li>
					<li><a href="javascript:void(0);">固件下载</a></li>
					<li><a href="javascript:void(0);">软件商店</a></li>
					<li><a href="javascript:void(0);">查找手机</a></li>
				</ul>
			</div>
			<!-- 第三个 -->
			<div class="footer-c footer-three">
				<ul>
					<li><b>关于我们</b></li>
					<li><a href="javascript:void(0);">关于魅族</a></li>
					<li><a href="javascript:void(0);">加入我们</a></li>
					<li><a href="javascript:void(0);">联系我们</a></li>
					<li><a href="javascript:void(0);">法律声明</a></li>
				</ul>
			</div>
			<!-- 第四个 -->
			<div class="footer-c footer-four">
				<ul>
					<li><b>关注我们</b></li>
					<li><a href="javascript:void(0);">新浪微博</a></li>
					<li><a href="javascript:void(0);">腾讯微博</a></li>
					<li><a href="javascript:void(0);">QQ空间</a></li>
					<li><a href="javascript:void(0);">官方微信</a></li>
				</ul>
			</div>
			<!-- 第五个 -->
			<div class="footer-c footer-five">
				<p>24小时全国服务热线</p>
				<p class="footer-p-two">400-788-3333</p>
				<a href=""><span>···</span><p>24小时在线客服</p></a>
			</div>
		</div>
		<div class="inner-center footer-bottom">
			<div class="footer-bottom-text">
				<p>©2016 Meizu Telecom Equipment Co., Ltd. All rights reserved.</p>
				<p>备案号：粤ICP备13003602号-2</p>
				<p>经营许可证编号：粤B2-20130198</p>
				<p>营业执照</p>
				<img src="./Img/footer-copy-1.png" >
				<img src="./Img/trust-icon.png" >
			</div>
		</div>
	</div>
	<!-- footer 部分 结束 -->
</body>
</html>